<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>精准命理测算</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_bzjp_index.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/swiper-3.4.2.min.css"/>
    <!--<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1265941638'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1265941638%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>-->
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1265941638'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1265941638' type='text/javascript'%3E%3C/script%3E"));</script>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=JP&nickName=八字精批&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/layer/layer.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/swiper-3.4.2.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</head>
<body>

    <include file="Public/header"/>

    <if condition="$Think.cookie.channel eq qudao131">
            <div class="zm_banner">
                <img src="__PUBLIC__/images/bzjp_img/banner_131.png" width="100%"/>
            </div>
        <else />
            <div class="zm_banner">
                <img src="__PUBLIC__/images/bzjp_img/banner.png" width="100%"/>
            </div>
    </if>
    

    <div class="cs_bgcolor">
        <if condition="$Think.cookie.channel eq qudao131">
                <div class="zm_form"  id="scrollT">
                    <img src="__PUBLIC__/images/bzjp_img/banner2N_131.png" width="100%"/>
                </div>
            <else />
                <div class="zm_form"  id="scrollT">
                    <img src="__PUBLIC__/images/bzjp_img/banner2N.png" width="100%"/>
                </div>
        </if>
        

        <div class="form_titel">请填写您的八字信息</div>

        <form id="_form" class="zm_form" action="<!--{:U('Bzjp/bzjp_zhifu','',false)}-->" method="POST" id="frm">
            <div class="zm_form_wrap">
                <ul>

                    <li>
                        <div class="form_left">您的性别</div>
                        <div class="form_auto">
                            <span class="on" id="but_man" data-value="1">
                                <i></i>
                                <font>男</font>
                            </span>
                            <span id="but_woman" data-value="0">
                                <i></i>
                                <font>女</font>
                            </span>
                            <input type="hidden" id="sex" name="gender" value="1"/>
                        </div>
                    </li>

                    <li>
                        <div class="form_left">出生日期</div>
                        <div class="form_auto">
                            <div type="text" class="Js_date" data-date="1985-04-18-7" id="datetime" data-id="birthday">请选择你的出生日期</div>
                            <input type="hidden" id="birthday" name="birthday"  value="" >
                        </div>
                    </li>
                    <li>
                        <div class="form_left">您的姓名</div>
                        <div class="form_auto">
                            <input type="text" class="bg_no" id="username" name="username" placeholder="匿名（可不填）" />
                        </div>
                    </li>

                </ul>
            </div>
            <a  class="cs_btn" style="background:#009944;">立即测算</a>


            <div class="form_bottom">
                已有<b><!--{$Think.cookie.bzjpcs}--></b>人测算
                <a href="<!--{:U('Index/mycesuan','',false)}-->"><i class="mycs"></i>我的测算</a>
            </div>
            <if condition="$Think.cookie.channel eq qudao131">
                    <p style="font-size:0.28rem;color:#B02B22;text-align: center;">《命好，穷的时间不会长！运好，抓住机会挑姑娘》</p>
                <else />
            </if>

        </form>
    </div>
    <div class="ishr"></div>

    <div class="cs_imgtext">
        <if condition="$channel eq 'qudao50'">
            <img src="__PUBLIC__/images/bzjp_img/text_img1Nqudao50.png" width="100%"/>
            <else />
            <img src="__PUBLIC__/images/bzjp_img/text_img1N.png" width="100%"/>
        </if>

    </div>
    <div class="ishr"></div>
    <div class="cs_imgtext">
        <img src="__PUBLIC__/images/bzjp_img/text_img2N.png" width="100%"/>
    </div>

        <if condition="$channel eq 'qudao50'">
            <else />
            <div class="ishr"></div>
            <div class="cs_imgtext">
              <img src="__PUBLIC__/images/bzjp_img/text_img3N.png" width="100%"/>
            </div>
        </if>

    <div class="ishr"></div>
    <div class="cs_imgtext">
        <img src="__PUBLIC__/images/bzjp_img/text_img4N.png" width="100%"/>
    </div>
    <div class="ishr"></div>
    <!-- 视频 -->
    <video  controls="controls"  webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"  poster="__PUBLIC__/images/bzjp_img/ZM_video_bg.png" >
        您的浏览器不支持 video 标签。
        <source src="http://qiniu.ddznzj.com//media/180508/180508171544607.mp4" type="video/mp4">
    </video>


    <if condition="$channel eq 'qudao50'">
        <else />

        <div class="imgtext_title">
            <img src="__PUBLIC__/images/bzjp_img/frameN.png" width="100%"/>
            <span>真实评价</span>
        </div>
        <div class="case_swiper">
            <div class="swiper-container" id="caseSwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="__PUBLIC__/images/bzjp_img/1.png" width="100%" />
                    </div>
                    <div class="swiper-slide">
                        <img src="__PUBLIC__/images/bzjp_img/2.png" width="100%" />
                    </div>
                    <div class="swiper-slide">
                        <img src="__PUBLIC__/images/bzjp_img/3.png" width="100%" />
                    </div>
                    <div class="swiper-slide">
                        <img src="__PUBLIC__/images/bzjp_img/4.png" width="100%" />
                    </div>
                    <div class="swiper-slide">
                        <img src="__PUBLIC__/images/bzjp_img/5.png" width="100%" />
                    </div>
                    <div class="swiper-slide">
                        <img src="__PUBLIC__/images/bzjp_img/6.png" width="100%" />
                    </div>
                </div>
            </div>
        </div>

    </if>

    <!-- 提示收藏 -->


    <include file="Public/liuyao" />

    <!-- 热门测算 -->
   
    <div class="hot_cs">
        <include file="Public/zhiming"/>
    </div>


    <!-- 脚注 -->
    <footer class="footer_severs">
        <include file="Public/bottom-index" />
    </footer>

    <if condition="$channel eq qudao59">
        <div class="fiex_bt xz_btn_parent" id="fiex">
            <a href="http://qiniu.ddznzj.com//media/180515/180515144845880.apk" class="xz_btn">立即测算</a>
        </div>
        <else />
        <div class="fiex_bt" id="fiex">
            <a href="javascript:;">立即测算</a>
        </div>
    </if>
    
    <script>

        //测算底部悬浮
        $(function(){
            var topShow=$(".cs_btn");
            if(topShow.length){
                var topShow=topShow.offset().top;
                var testBtn=$("#fiex");
                $(window).scroll(function(){
                    var wt=$(window).scrollTop();
                    wt>topShow?(testBtn.fadeIn(),$('.footer_severs').css('padding-bottom','1.2rem')):(testBtn.fadeOut(),$('.footer_severs').css('padding-bottom','0.4rem'));
                });
                // goTop
                $('#fiex').on('click',function(){$('html,body').animate({scrollTop:$('#scrollT')[0].offsetTop},500)});
            }
        });

        var calendar1 = new lCalendar().init('#datetime');//男
        // 选择按钮
        var obut_man = document.getElementById('but_man');
        var obut_woman = document.getElementById('but_woman');
        var osex = document.getElementById('sex');
            obut_man.onclick = function(){
                obut_man.classList.add("on");
                osex.value = 1;
                obut_woman.classList.remove('on');
            }
            obut_woman.onclick = function(){
                obut_woman.classList.add("on");
                osex.value = 0;
                obut_man.classList.remove('on');
            };

        window.onload=function(){

            $(".cs_btn").on('click',function(){
                $.getJSON("<!--{:U('Bzjp/user_click','',false)}-->",{name:'JP'},function(data){//点击回调入库
                    console.log(data);
                });

                if($("[name='username']").val() == ""){
                    $("[name='username']").val('匿名');
//                    layer.msg("请输入您的名字");
//                    return false;
                }else if($("[name='username']").val().length < 2){
                    layer.msg("姓名长度不能少于2");
                    return false;
                }
                var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
                if(!patrn.exec($("[name='username']").val())){
                    layer.msg("请输入中文名字");
                    return false;
                }
                if($("[name='birthday']").val() == ""){
                    layer.msg("请选择生时");
                    return false;
                }

                var birthday=$("[name='birthday']").val();
                var username=$("[name='username']").val();
                var gender=$("[name='gender']").val();
                if(!birthday||!username||!gender){
                    layer.msg("请重新提交信息");
                    return false;
                }
                var oli = layer.load();
                setTimeout(function(){
                    layer.closeAll('loading');
                    layer.msg('订单提交成功', {icon: 1});
                    setTimeout(function(){
                        $('#_form').submit();
                    },1300);
                },1000);
            });
        }


        // 3d轮播
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            effect: 'coverflow',
            grabCursor: true,
            centeredSlides: true,
            slidesPerView: 'auto',
            loop: true,
            autoplay:3000,
            coverflow: {
                rotate: 50,
                stretch: 26,
                depth: 100,
                modifier: 1,
                slideShadows : true
            },
        });

        sessionStorage.setItem("chufa",1);
        var wxlogin='<!--{$Think.cookie.wxlogin}-->';
        var channel='<!--{$channel}-->'
        //if (wxlogin == 1) {

            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
                timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
                nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
                signature: '<!--{$signature}-->',// 必填，签名，见附录1
                jsApiList: [
                    'checkJsApi',
                    'openLocation',
                    'getLocation',
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage',
                    'scanQRCode'
                ] // 必填，需要使用的JS接口列表，所有JS接 口列表见附录2
            });


            wx.ready(function () {
                // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
                // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
                wx.onMenuShareAppMessage({//分享朋友圈
                    title: '<!--{$shareTitle}-->', // 分享标题
                    desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                    link: '<!--{$JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://www.xzcircle.com:8081/xz/images/09_.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $.getJSON("<!--{:U('Bzjp/wxShare','',false)}-->",function(data){//回调入库
                        });
                        if(channel=='qudao100'){
                            location.href="<!--{:U('Bzjp/userWx','',false)}-->";
                        }
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });

                wx.onMenuShareTimeline({
                    title: '<!--{$shareTitle}-->', // 分享标题
                    desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                    link: '<!--{$JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://www.xzcircle.com:8081/xz/images/09_.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $.getJSON("<!--{:U('Bzjp/wxShare','',false)}-->",function(data){//回调入库
                        });
                    }

                });

                wx.onMenuShareQQ({
                    title: '<!--{$shareTitle}-->', // 分享标题
                    desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                    link: '<!--{$JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://qiniu.ddznzj.com/media/180626/180626135703102.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareQZone({
                    title: '<!--{$shareTitle}-->', // 分享标题
                    desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                    link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareWeibo({
                    title: '<!--{$shareTitle}-->', // 分享标题
                    desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                    link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.error(function (res) {
                    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
                });

                var appid="<!--{$appId}-->";
                if(appid!=''){
                    WeixinJSBridge.invoke(
                            'getBrandWCPayRequest', {
                                "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                                "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                                "nonceStr":"<!--{$nonceStr}-->", //随机串
                                "package":"<!--{$package}-->",
                                "signType":"<!--{$signType}-->",         //微信签名方式：
                                "paySign":"<!--{$paySign}-->" //微信签名
                            },
                            function(res){
                                if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                                    location.href="<!--{:U('Bzjp/jieguoye','',false)}-->";
                                }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                            }
                    );

                }

            });
       // }


    </script>
</body>
</html>